

#top-content{
    background: #fff;
    height: 550px;
}

    .title{
        background: #7a7a7a;
        padding: 6px 30px;
        font: 20px 'Trebuchet MS',Tahoma,sans-serif;
        color: #fff;         
    }
    .blog{      
        float: left;
        margin-top: 31px;
        margin-left: -550px;
        color: #fff;
    }

    .calendario{
        float: right;
        margin-top: 31px;;
        margin-right: -13px;
    }
    
    .projetos{
        float: left;
        margin-top: 10px;;
        margin-left: -12px;
    }    

        #container{
        padding-top: 10px;
        }
        
          .destaque{
              margin-bottom: 5px; 
              background: #ddd;
              border: 2px solid #ccc;
          }
          
          .destaque a{color: #333;}
        
            .thumb{ 
                float: left;
                width: 150px;      
                padding: 4px;
                padding-bottom: -4px;              
            } 
            
            .thumb img{
                border: 2px solid transparent;                  
            }
            
            .thumb img:hover{
                border: 2px solid #888;
            }
            
            .info-projeto{
                width: 220px;
                height: 160px;
                position: relative; 
                left: 160px;
            }
                .info-projeto h1{
                    font: 24px 'Trebuchet MS', Arial, sans-serif;
                    font-weight: bold;
                    padding-bottom: 3px; 
                    width: 220px;
                    position: absolute;
                    top: 10px;
                }
                
                .info-projeto h1, .info-projeto p{
                    text-align: right;
                    margin-right: 18px;
                }
                .info-projeto h1 { 
                    color: #333; padding-right: 2px;
                    margin-top: 0px;
                }
                
                .info-projeto a:hover{
                    text-decoration: none;
                }
                .info-projeto p{
                    color: #333;
                    width: 220px;
                    position: absolute;
                    top:100px;
                    
                }
                .info-projeto p:hover{color: #666; text-decoration: underline;}
                
           .link-projetos{ 
               margin-top: -30px;
               position: relative;
               top: 250px;
               left: 460px;
               width: 180px;
           }      
           .link-projetos a, .link-geral a{
               position: relative;
               top: -10px;
               padding: 5px 10px;
               background: #ff9933; 
               color: #fff;
               border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
           }
           
           .link-geral a{
               left: 630px;
           }
        

            
           .calendar .widget p{padding: 5px;}
                .title-calendar strong{ font-size: 20px; color: #333; margin-left: 25%;}

#bottom-content{
    background: #fff;
   
}

    .bottom-content-sup{
        background: #333;
        height: 54px;
    }

    .post{ margin-top: 20px;}
        .post h1{ font: 26px 'Trebuchet MS', Arial, sans-serif; font-weight: bold;  padding-bottom: 6px;
                  color: #333;}
        .post h1 a{ text-decoration: none; color: #333;}
        .post h1 a:visited{ color: #333;}
        .post h1 a:hover{ text-decoration: none; color: #006cda;}
       
        
        
        .post div.info{
            padding: 5px 0;
            font-size: 15px; width: 100%; 
            border-top: 1px dotted #bbb; border-bottom: 1px dotted #bbb;  
            font-size: 12px;
        }
        
        .post div.info a{ text-decoration: none;}
        .post div.info a:hover{text-decoration: underline;}
        
        .post p{
            padding: 10px 0 0;
        }
        

     /* ESTILIZACAO PLUGIN - CONTEXTUAL RELATED POSTS */
     .relacionados{ margin: 20px; padding: 15px 10px; background: #333;
                   border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
                 }
            .relacionados h3{color: #6ec01b; border-bottom: 1px solid #444; padding-bottom: 5px; }
            .relacionados ul{margin-top: 15px;}
            .relacionados ul li{list-style-type: disc; color: #fff; }
            .relacionados ul li a{color: #fff;}        
        
    
            .infobarra{
                    background: url(../../images/bg-infobar.png) repeat-x top;
                    border: 1px solid #333;
                    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
                    box-shadow: 0px 1px 2px #777;
                    clear: both;
                    height: 10px;
                    margin-top: 10px;
                    padding: 6px 5px 14px 5px;        
            }
            
            
                .twitter, .plus, .facebook{vertical-align: central; float: left; width: 78px;}
                .twitter{margin-right: 17px;}
            

                .info-coment{float: right;color: #fff; font-weight: bold;}
                /* IE7*/
                .info-coment{*margin-top: 0px;}
                

                    .info-coment a{color: #fff; font-weight: bold; text-decoration: none;}
                    .info-coment a:hover{text-decoration: underline;}

        

.wp-pagenavi {
    margin-top: 30px;
    background: #F9F9F9;
    clear: both;
    border-radius: 5px;
    box-shadow: inset 1px 0px 3px #DDD;
    -webki-box-shadow: inset 0px 0px 3px #DDD;
    -moz-box-shadow: inset 0px 0px 3px #DDD;
    padding: 0px 9px;
    height: 41px;
}    

.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    color: #333;
    padding: 6px 9px;
    margin: 4px 2px 0 2px;
    border-radius: 2px;
    display: block;
    float: left;
    font-weight: bold;
}

.wp-pagenavi span.current {
    font-weight: bold;
    padding: 8px 11px;
    margin: 2px 2px 0 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    background: #2c810d;
    color: white;
}

.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    color: #333;
    padding: 6px 9px;
    margin: 4px 2px 0 2px;
    border-radius: 2px;
    display: block;
    float: left;
    font-weight: bold;
}


